@charset "utf-8";


#main {
	overflow: hidden; 
	zoom: 1; 
	position: relative; 
}
#index_b_hero {
	width: 950px; 
	height: 670px; 
	margin: auto; 
	position: relative; 
}
#index_b_hero img {
	width: 950px; 
	height: 670px; 
}
#index_b_hero .heros {
	width: 950px; 
	height: 670px; 
}
#index_b_hero .hero-wrap {
	overflow: visible; 
	position: absolute; 
}

#index_b_hero .prev { 
	filter: alpha(Opacity=50); 
	opacity: .5; 
	position: absolute; 
	top: 50%; 
	margin-top: -25px; 
	margin-left: 5px;
	background-image:url(../images/b_1.jpg);
	background-position:left center;
	background-repeat:no-repeat; 
	z-index: 3; 
}
#index_b_hero .next{ 
	filter: alpha(Opacity=50); 
	opacity: .5; 
	position: absolute; 
	top: 50%; 
	margin-top: -25px; 
	margin-left: -10px;
	background-image:url(../images/b_2.jpg);
	background-position:left center;
	background-repeat:no-repeat; 
	z-index: 3; 
}
#index_b_hero .next:hover, #index_b_hero .prev:hover { 
	background-color: orangered; 
}
#index_b_hero .next {
	margin: -25px 5px 0 0; 
	right: 0; 
}
#index_b_hero .disabled {
	background-color: #eee; 
}
#index_b_hero .mask-left, #index_b_hero .mask-right, #index_b_hero .hero {
	background: #fff; 
	/*padding: 5px; */
	z-index: 1; 
	position: absolute; 
	top: 0; 
	width: 950px; 
	height: 670px;
	overflow: hidden; 
	left: 1900px; 
}
#index_b_hero .mask-right, #index_b_hero .mask-left {
	z-index: 4; 
	left: -950px; 
	filter: alpha(Opacity=50); 
	opacity: .5; 
	background: #fff; 
	overflow: hidden; 
}
#index_b_hero .mask-right {
	left: 950px; 
}
#index_b_hero .active {
	z-index: 2; 
	left: 0;
}